/** @type {import('tailwindcss').Config} */
module.exports = {
  prefix: 'tw-',
  content: [
    './pages/**/*.{vue,js,ts,jsx,tsx}',
    './components/**/*.{vue,js,ts,jsx,tsx}',
    'pages.json',
    './App.vue'
  ],
  theme: {
    // 间距配置（margin, padding等）
    spacing: {
      '0': '0px',
      '1': '4px',
      '2': '8px',
      '3': '12px',
      '4': '16px',
      '5': '20px',
      '6': '24px',
      '8': '32px',
      '10': '40px',
      '12': '48px',
      '16': '64px',
      '20': '80px',
      '24': '96px',
      '32': '128px',
      '40': '160px',
      '48': '192px',
      '56': '224px',
      '64': '256px',
      '72': '288px',
      '80': '320px',
      '96': '384px',
    },
    // 字体大小配置
    fontSize: {
      'xs': ['12px', { lineHeight: '16px' }],
      'sm': ['14px', { lineHeight: '20px' }],
      'base': ['16px', { lineHeight: '24px' }],
      'lg': ['18px', { lineHeight: '28px' }],
      'xl': ['20px', { lineHeight: '28px' }],
      '2xl': ['24px', { lineHeight: '32px' }],
      '3xl': ['30px', { lineHeight: '36px' }],
      '4xl': ['36px', { lineHeight: '40px' }],
      '5xl': ['48px', { lineHeight: '1' }],
      '6xl': ['60px', { lineHeight: '1' }],
    },
    // 边框圆角配置
    borderRadius: {
      'none': '0px',
      'sm': '2px',
      DEFAULT: '4px',
      'md': '6px',
      'lg': '8px',
      'xl': '12px',
      '2xl': '16px',
      '3xl': '24px',
      'full': '9999px',
    },
    // 宽高配置
    width: theme => ({
      ...theme('spacing'),
      '1/2': '50%',
      '1/3': '33.333333%',
      '2/3': '66.666667%',
      '1/4': '25%',
      '2/4': '50%',
      '3/4': '75%',
      '1/5': '20%',
      '2/5': '40%',
      '3/5': '60%',
      '4/5': '80%',
      'full': '100%',
      'screen': '100vw',
      'min': 'min-content',
      'max': 'max-content',
    }),
    height: theme => ({
      ...theme('spacing'),
      'full': '100%',
      'screen': '100vh',
      'min': 'min-content',
      'max': 'max-content',
    }),
    // 最小宽高配置
    minWidth: {
      '0': '0px',
      'full': '100%',
      'min': 'min-content',
      'max': 'max-content',
    },
    minHeight: {
      '0': '0px',
      'full': '100%',
      'screen': '100vh',
      'min': 'min-content',
      'max': 'max-content',
    },
    // 最大宽高配置
    maxWidth: {
      'none': 'none',
      'xs': '320px',
      'sm': '384px',
      'md': '448px',
      'lg': '512px',
      'xl': '576px',
      '2xl': '672px',
      '3xl': '768px',
      '4xl': '896px',
      '5xl': '1024px',
      '6xl': '1152px',
      '7xl': '1280px',
      'full': '100%',
      'min': 'min-content',
      'max': 'max-content',
      'prose': '65ch',
    },
    maxHeight: {
      'none': 'none',
      'full': '100%',
      'screen': '100vh',
    },
    extend: {},
  },
  plugins: [],
  corePlugins: {
    preflight: false // 禁用默认样式，避免与uniapp冲突
  }
}
